<template>
  <div>
    <template>
      <div>
        <!-- 修改权限弹窗面板 -->
        <div class="form_inp">
          <el-dialog title="查看" :visible.sync="examineShow">
            <el-form :model="currentData">
              <!-- 权限名称 -->
              <el-form-item label="权限名称" label-width="100px">
                <el-input v-model="currentData.name" />
              </el-form-item>

              <!-- 权限标识 -->
              <el-form-item label="权限标识" label-width="100px">
                <el-input v-model="currentData.code" />
              </el-form-item>

              <!-- 权限描述 -->
              <el-form-item label="权限描述" label-width="100px">
                <el-input v-model="currentData.description" />
              </el-form-item>

              <!-- 企业可见 -->
              <el-form-item
                label="企业可见"
                label-width="100px"
                class="is_switch"
              >
                <i v-if="currentData.enVisible == 0">不可见</i>
                <el-switch
                  v-model="currentData.enVisible"
                  active-color="#13ce66"
                  active-value="1"
                  inactive-value="0"
                  inactive-color="#ff4949"
                />
                <i v-show="currentData.enVisible == 1">可见</i>
              </el-form-item>

              <!-- 菜单顺序 -->
              <el-form-item label="菜单顺序" label-width="100px">
                <el-input v-model="currentData.menuOrder" />
              </el-form-item>

              <!-- 菜单 icon -->
              <el-form-item label="菜单 icon" label-width="100px">
                <el-input v-model="currentData.menuIcon" />
              </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
              <el-button @click="examineShow = false">取 消</el-button>
              <el-button type="primary" @click="submit">确 定</el-button>
            </div>
          </el-dialog>
        </div>
      </div>
    </template>
  </div>
</template>

<script lang="js">
export default {
  name: 'ComponentRoleShow'
}
</script>

<style></style>
